<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body class="soye-hui">
      <div class="souye-mains">
        <div class="souye-banner"><img src="img/tu1.jpg"></div>
        <ul class="souye-nav">
          <li>
            <div class="nav-list">
              <img src="img/tu1.jpg">
              <div class="nav-wz-dw">
                <p class="p1">¥200.00</p>
                <p class="p2">3天15时23分后失效</p>
              </div>
            </div>
            <p class="nav-list-ps">任务名称任务名称任务名称任务名称任务名称任务名任任务名称</p>
            <div class="nav-list-dib">
              <div class="dib-span">
                <span class="span-one">侧面</span>
                <span class="span-one">背面</span>
                <span class="span-one span-one2">展示三周</span>
              </div>
              <div class="bid-ps">剩<i>32</i>个名额</div>
            </div>
          </li>
          <li>
            <div class="nav-list">
              <img src="img/tu1.jpg">
              <div class="nav-wz-dw">
                <p class="p1">¥200.00</p>
                <p class="p2">3天15时23分后失效</p>
              </div>
            </div>
            <p class="nav-list-ps">任务名称任务名称任务名称任务名称任务名称任务名任任务名称</p>
            <div class="nav-list-dib">
              <div class="dib-span">
                <span class="span-one">侧面</span>
                <span class="span-one">背面</span>
                <span class="span-one span-one2">展示三周</span>
              </div>
              <div class="bid-ps">剩<i>32</i>个名额</div>
            </div>
          </li>          
        </ul>
      </div>

      <div class="fixed-mains">
        <ul class="fixed-nav">
        <!-- class="li1 li2 li3"时为选中状态 -->
          <li class="li1">
            <div class="fixed-img fixed-img1"></div>
            <div class="fixed-div">首页</div>
          </li>
          <li>
            <div class="fixed-img fixed-img2"></div>
            <div class="fixed-div">任务</div>
          </li>
          <li>
            <div class="fixed-img fixed-img3"></div>
            <div class="fixed-div">我的</div>
          </li>          
        </ul>
      </div>
    </body>
</html>